<template>
  <div class="container">
    <el-card class="box-card">
      <div v-for="o in 10" :key="o" class="text item">
        列表内容
        <span v-if="o>1">前沿技术</span>
        <span v-if="o>1"> / </span>
        <span v-if="o>1">软件工程</span>
      </div>
    </el-card>
  </div>
</template>

<script>
  export default {
    name: "SideMenu"
  }
</script>

<style scoped lang="less">
  .container{
    width: 200px;
    height: 360px;
    .item {
      font-size: 14px;
      font-weight: bold;
      height: 34px;
      line-height: 34px;
      text-align: left;
      padding-left: 12px;
      span{
        font-size: 12px;
        color: #999;
        font-weight: normal;
      }
      span:first-child{
        padding-left: 5px;
      }
    }
    .box-card {
      width: 200px;
      height: 360px;
    }
  }

  /deep/ div.el-card__body{
    padding: 10px 0 0 0 !important;

  }

</style>